/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace "library://ns.adobe.com/flex/mx";

Application {
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
   color: #000000;
   themeColor: #6699CC;
   backgroundColor: #ffffff;
   fontSize: 12;
   fontFamily: "Microsoft YaHei","Arial","Verdana";
}

global{
   modalTransparencyBlur: 0;
   modalTransparency: 0.4;
   modalTransparencyColor: black;
   modalTransparencyDuration: 100;
}

.mainHeader {
   background-color: #D4DBEE;
   color: #000000;
   vertical-align: middle;
   dropShadowEnabled:false;
}

LinkButton {
   skin: ClassReference("mx.skins.ProgrammaticSkin");
   paddingLeft: 0px;
   paddingRight: 0px;
   paddingTop: 0px;
   PaddingBottom: 0px;
}

AdvancedDataGrid{
   columnDropIndicatorSkin: ClassReference("mx.skins.halo.DataGridColumnDropIndicator");
   columnResizeSkin: ClassReference("mx.skins.halo.DataGridColumnResizeSkin");
   headerColors: #FFFFFF, #E6E6E6;
   headerDragProxyStyleName: "headerDragProxyStyle";
   headerBackgroundSkin: ClassReference("mx.skins.halo.DataGridHeaderBackgroundSkin");
   headerSeparatorSkin: ClassReference("mx.skins.halo.DataGridHeaderSeparator");
   headerHorizontalSeparatorSkin: ClassReference("mx.skins.halo.AdvancedDataGridHeaderHorizontalSeparator");
   headerStyleName: "advancedDataGridStyles";
   sortArrowSkin: ClassReference("mx.skins.halo.DataGridSortArrow");
   stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch");
   selection-color:#3399FF;
   textSelectedColor:#FFFFFF;
}

AdvancedDataGridSortItemRenderer{
   paddingTop: 0;
   paddingBottom: 0;
   paddingLeft: 0;
   paddingRight: 0;
   horizontalGap: 0;
   color: #0B333C;
   icon: ClassReference("mx.skins.halo.DataGridSortArrow");
}

PrintAdvancedDataGrid{
   alternatingItemColors: #FFFFFF, #FFFFFF;
   borderColor: 0;
   columnResizeSkin: ClassReference("mx.skins.halo.DataGridColumnResizeSkin");
   headerColors: #FFFFFF, #FFFFFF;
   headerSeparatorSkin: ClassReference("mx.skins.halo.DataGridHeaderSeparator");
   headerStyleName: "advancedDataGridStyles";
   horizontalGridLineColor: 0;
   horizontalGridLines: true;
   sortArrowSkin: ClassReference("mx.skins.halo.DataGridSortArrow");
   stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch");
   verticalGridLineColor: #000000;
}

PrintOLAPDataGrid{
   alternatingItemColors: #FFFFFF, #FFFFFF;
   borderColor: 0;
   columnResizeSkin: ClassReference("mx.skins.halo.DataGridColumnResizeSkin");
   headerColors: #FFFFFF, #FFFFFF;
   headerSeparatorSkin: ClassReference("mx.skins.halo.DataGridHeaderSeparator");
   headerStyleName: "advancedDataGridStyles";
   horizontalGridLineColor: 0;
   horizontalGridLines: true;
   stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch");
   verticalGridLineColor: #000000;
}

.grid {
   /*borderStyle: solid;
   borderSides: left, top, right;
   borderColor: #E4E4E4;
   background-color: #FFFFFF;*/
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   horizontal-gap: 0;
   vertical-gap: 0;
}

.gridLabel {
   /*textAlign: right;
   borderStyle: solid;
   borderSides: right;
   background-color: #F5F5F5;
   borderColor: #E4E4E4;*/
   color:#636363;
   padding-right:3;
   textAlign:right;
}

.queryInput {
   horizontalGap:0;
   paddingBottom:0;
   verticalAlign:bottom;
}

.removeButton {
   paddingLeft:0;
   paddingRight:0;
   fontSize:14;
   fontWeight:bold;
   color:#999999;
   textAlign:center;
   verticalAlign:bottom;
}

.gridItem {
   /*borderSides: right;
   border-color: #E4E4E4;
   border-style: solid;*/
   verticalAlign:middle;
   paddingRight: 5;
}

.gridRow {
   /*border-color: #E4E4E4;
   border-style: solid;
   border-sides: bottom;*/
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   verticalAlign:middle;
   horizontalGap:0;
}

.menuTree {
   borderThicknessBottom: 1;
   borderThicknessLeft: 1;
   borderThicknessRight: 1;
   borderThicknessTop: 0;
   borderStyle: solid;
}

.perspectiveBar {
   buttonStyleName: "buttonBarButton";
   firstButtonStyleName: "buttonBarButton";
   lastButtonStyleName: "buttonBarButton";
   buttonHeight:23;
   highlightAlphas: 0, 0;
   fillAlphas: 0;
   fillColors: #CDCDCD;
   themeColor:#909090;
   borderColor:#F0F0F0;
}

.buttonBarButton {
   cornerRadius:0;
   paddingLeft:2;
   paddingRight:2;
   horizontalGap:0;
   horizontalAlign:left;
   upSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin");
   disabledSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin");
   downSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin");
   overSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin");
   selectedDisabledSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin");
   selectedDownSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin");
   selectedOverSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin");
   selectedUpSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin");
}

.stageMenuBar {
   paddingTop:0;
   fillAlphas: 0, 0;
   fillColors: #EFEFEF, #EFEFEF;
   cornerRadius:0;
   menuStyleName: "dropDown";
}

.dropDown {
   color:#000000;
   textRollOverColor: #000000;
   textSelectedColor:#000000;
   openDuration:0;
   closeDuration:0;
}

.processPanelStyle {
   horizontalAlign: left;
   verticalGap: 1;
   borderThicknessTop: 1;
   borderThicknessBottom: 1;
   borderThicknessLeft: 1;
   borderThicknessRight: 1;
   cornerRadius: 1;
   headerHeight: 22;
   borderColor: #A1A1A1;
   dropShadowEnabled: false;
   headerColors: #E3ECF3,#ADC2E1;
   headerStyleName:"panelTitleStyleName";
   paddingTop: 2;
   paddingLeft: 2;
   paddingRight: 2;
   paddingBottom: 2;
   titleStyleName: "panelTitleStyleName";
}

.panelTitleStyleName {
   borderColor: #000000;
   borderStyle: solid;
   borderThickness: 2;
   
}

/*
//------------------------------
//  TextInput
//------------------------------
*/

TextInput {
   color:#000000;
   border-style:solid;
   borderThickness:1;
}

/*
//------------------------------
//  TextArea
//------------------------------
*/

TextArea {
   color: #000000;
   border-style:solid;
   borderThickness:1;
}

.iconButton {
   backgroundColor: #F0F0F0;
   borderColor: #D0D0D0;
   
   paddingLeft: 2;
   paddingRight: 2;
   borderThickness: 1;
   verticalAlign: middle;
   
   cornerRadius: 4;
   selectedBorderColors: #EFEFEF, #EFEFEF;
   fillColors: #FFFFFF, #EFEFEF;
   fillAlphas: 0.8, 0.2;
   highlightAlphas: 0.8, 0.2;
   
   upSkin:ClassReference("com.kgis.core.skins.IconButtonSkin");
   overSkin:ClassReference("com.kgis.core.skins.IconButtonSkin");
   downSkin:ClassReference("com.kgis.core.skins.IconButtonSkin");
   disabledSkin:ClassReference("com.kgis.core.skins.IconButtonSkin");
   selectedUpSkin:ClassReference("com.kgis.core.skins.IconButtonSkin");
   selectedOverSkin:ClassReference("com.kgis.core.skins.IconButtonSkin");
   selectedDownSkin:ClassReference("com.kgis.core.skins.IconButtonSkin");
   selectedDisabledSkin:ClassReference("com.kgis.core.skins.IconButtonSkin");
}

.dockingView {
   horizontalGap: 0;
   verticalGap: 0;
   backgroundColor: #F0F0F0;
   backgroundAlpha: 1;
}

.iconArrowPopUpMenuButton {
   arrowButtonWidth: 13;
   
   popUpIcon: ClassReference("mx.skins.halo.PopUpIcon");
   
   paddingLeft: 2;
   paddingRight: 2;
   verticalGap: 0;
   borderColor: #D0D0D0;
   cornerRadius: 4;
   backgroundColor: #EFEFEF;
   /*height: 22;*/
   popUpStyleName: iconPopUpMenuButtonMenu;
   
   upSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
   overSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
   downSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
   disabledSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
   selectedUpSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
   selectedOverSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
   selectedDownSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
   selectedDisabledSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
   
   popUpOverSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
   popUpDownSkin:ClassReference("com.kgis.core.skins.IconArrowPopUpMenuButtonSkin");
}
.arrowPopUpMenuButton {
   arrowButtonWidth: 24;
   popUpIcon: ClassReference("com.kgis.core.skins.ViewMenuArrowPopUpIcon");
   paddingLeft: 0;
   paddingRight: 0;
   verticalGap: 0;
   borderColor: #D0D0D0;
   cornerRadius: 4;
   backgroundColor: #EFEFEF;
   /*height: 22;*/
   popUpStyleName: iconPopUpMenuButtonMenu;
   
   upSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
   overSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
   downSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
   disabledSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
   selectedUpSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
   selectedOverSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
   selectedDownSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
   selectedDisabledSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
   
   popUpOverSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
   popUpDownSkin:ClassReference("com.kgis.core.skins.ArrowPopUpMenuButtonSkin");
}
.iconPopUpMenuButtonMenu {
   fontWeight: normal;
   textAlign: left;
   backgroundAlpha: 1;
   backgroundColor: #FFFFFF;
   borderStyle: solid;
   borderColor: #D0D0D0;
}

.toolBar {
   backgroundColor: #F0F0F0;
   buttonStyleName: iconButton;
   iconArrowPopUpMenuButtonStyleName: iconArrowPopUpMenuButton;
   arrowPopUpMenuButtonStyleName: arrowPopUpMenuButton;
}

.verticalScrollBar {
   backgroundColor: #FFFFFF;
   borderColor: #FFFFFF;
   /*fillColors: #FFFFFF, #FFFFFF;*/
   trackColors: #FFFFFF, #FFFFFF;
   themeColor: #FFFFFF;
}

.stageMenuBar {
   fillAlphas: 0, 0;
   fillColors: #EFEFEF, #EFEFEF;
   highlightAlphas: 0.5, 0.5;
   backgroundColor: #EFEFEF;
   closeDuration: 0;
   openDuration: 0;
   verticalGap: 0;
   
   backgroundSkin: ClassReference("com.kgis.core.skins.StageMenuBarBackgroundSkin");
   menuStyleName: stageMenuBarMenu;
}
.stageMenuBarMenu {
   
}

.viewWindow {
   /*backgroundColor: #99BAF3;*/
   tabStyleName: "viewTab";
   selectedTabTextStyleName: "viewTab";
   backgroundColor: #EFEFEF;
   borderColor: #999999;
   paddingTop: 2;
   paddingLeft: 2;
   paddingRight: 2;
   paddingBottom: 2;
   
   borderThickness: 1;
   borderStyle: solid;
   backgroundAlpha: 1;
   /* borderSkin: ClassReference("com.kgis.core.skins.ViewWindowBorder");*/
}

.viewWindowBar {
   horizontalGap: 0;
   verticalGap: 0;
   paddingTop:0;
   paddingRight: 2;
   paddingBottom:0;
   roundedBottomCorners: false;
   cornerRadius: 6;
   backgroundColor: #EFEFEF;
   borderColor: #999999;
   borderThickness: 1;
   borderStyle: "solid";
   /*borderSkin: ClassReference("org.flex.dock.skins.ViewWindowBorder");*/
}

.viewTab {
   backgroundColor: #EDEDED;
   borderColor: #999999;
   textAlign: left;
   cornerRadius: 6;
   roundedBottomCorners: false;
   labelPlacement: right;
   paddingLeft: 2;
   
   selectedFillColors: #EFEFEF, #EFEFEF;
   
   upSkin: ClassReference("com.kgis.core.skins.ViewTabSkin");
   overSkin: ClassReference("com.kgis.core.skins.ViewTabSkin");
   downSkin: ClassReference("com.kgis.core.skins.ViewTabSkin");
   disabledSkin: ClassReference("com.kgis.core.skins.ViewTabSkin");
   selectedUpSkin: ClassReference("com.kgis.core.skins.ViewTabSkin");
   selectedOverSkin: ClassReference("com.kgis.core.skins.ViewTabSkin");
   selectedDownSkin: ClassReference("com.kgis.core.skins.ViewTabSkin");
   selectedDisabledSkin: ClassReference("com.kgis.core.skins.ViewTabSkin");
}

.viewTabBarPopUpButton {	/*more hidden view*/
   popUpStyleName: viewTabBarPopUpMenu;
   arrowButtonWidth: 0;
   textAlign: right;
   backgroundColor: #EFEFEF;
   fillColors: #FFFFFF,#FFFFFF;
   borderColor: #999999;
   cornerRadius: 8;
   borderStyle: solid;
   borderThickness: 1;
   popUpGap: 2;
   fontStyle: normal;
   fontWeight: normal;
   
   upSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
   overSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
   downSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
   disabledSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
   popUpOverSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
   popUpDownSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
   selectedUpSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
   selectedOverSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
   selectedDownSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
   selectedDisabledSkin:ClassReference("com.kgis.core.skins.ViewTabBarPopUpButtonSkin");
}

.viewTabBarPopUpMenu {/*more hidden view*/
   fontWeight: normal;
   textAlign: left;
   backgroundAlpha: 1;
   borderStyle: solid;
   borderColor: #000000;
}

.buttonBar {
   firstButtonStyleName: "mybuttonBarButtonStyle";
   lastButtonStyleName: "mybuttonBarButtonStyle";
   buttonStyleName: "mybuttonBarButtonStyle";
   buttonHeight: 24;
   buttonWidth: 24;
   highlightAlphas: 0, 0;
   fillAlphas: 0, 0, 0, 0;
   fillColors: #EFEFEF, #EFEFEF, #EFEFEF, #EFEFEF;
   borderColor: #EFEFEF;
   shadowColor: #EFEFEF;
   themeColor: #ACA899;
   borderThickness: 0;
   borderSides: top left right bottom;
   borderStyle: solid;
   backgroundColor: #EFEFEF;
}

.mybuttonBarButtonStyle {
   highlightAlphas: 0, 0;
   fillAlphas: 0, 0, 0.5, 1;
   fillColors: #EFEFEF, #EFEFEF, #EFEFEF, #EFEFEF;
   borderColor: #EFEFEF;
   backgroundColor: #EFEFEF;
   themeColor: #ACA899;
   
   borderThickness: 0;
   borderSides: top left right bottom;
   borderStyle: solid;
   cornerRadius: 0;
}

.perspectiveBox {
   borderThickness: 1;
   borderStyle: solid;
   borderColor: #FFFFFF;
   borderSides: top;
   paddingRight: 5;
   verticalAlign: "middle";
   horizontalGap: 0;
}

.toolWindow {
   dividerSkin: ClassReference("com.kgis.core.skins.ToolWindowDividerSkin");
   dividerThickness: 40;
   verticalAlign: "middle";
   verticalGap: 0;
   horizontalGap: 42;
   paddingTop: 0;
   paddingLeft: 5;
   paddingRight: 0;
   paddingBottom: 0;
   borderThickness: 0;
   backgroundColor: #EFEFEF;
}

.dockableToolBar {
   horizontalGap: 0;
   paddingLeft: 2;
   verticalAlign: "middle";
}

.fastViewBar {
   borderThickness:1;
   borderColor: #999999;
   borderStyle: "solid";
   cornerRadius: 2;
   horizontalGap: 0;
   verticalGap: 0;
}

.stageWindowBar {
   verticalAlign:middle;
   verticalGap:0;
   horizontalGap:2;
}
